<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            text-align: left;
        }

        h1,
        p,
        em {
            /* 文字颜色 */
            color: blueviolet;
            /* 文字大小 */
            font-size: 40px;
            /* 文字粗细 */
            /* font-weight: bold; */
            /* 文字倾斜 */
            /* font-style: italic; */
            background-color: #ccc;
            /* 文字水平对齐方式 */
            /* text-align: center; */
            /* 文字线条装饰 */
            text-decoration: none;
            font-family: '幼圆', '微软雅黑';
        }

        h1 {
            font-weight: normal;
        }

        p {
            /* 文字行高 */
            line-height: 80px;
        }
    </style>
</head>

<body>
    <div>
        <!-- 块级标签 -->
        <h1>文字样式</h1>
        <p>文字样式</p>
        <!-- 行内标签 -->
        <em>默认倾斜的文字</em>
        <strong>默认加粗</strong>
        <p>段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容段落内容
        </p>
    </div>

</body>

</html>